<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- 
1.写表单，其中包含图片(验证码)
2.让图片显示处理
	把<img>
 -->
 <script type="text/javascript">
 	function _hyz() {
		 /*
		 * 1.获取<img>元素
		 * 2.给它的sre指向为原来的src,即VerifyCodeServlet
		 */
		 var img = document.getElementById("imgverifycode");
		 // img.src = "VerifyCodeServlet";  // 这一方式会有缓存，有的浏览器换一张没效果
		 /* 解决方法：给出一个参数，这个参数每次都不同，这样才能干掉浏览器的缓存 */
		 img.src = "VerifyCodeServlet?a=" + new Date().getTime();	
 	}
 </script>
<form action="UserServlet" method="post">
	<!-- 设置一个隐藏域，并添加一个参数：method=login -->
	<input type="hidden" name="method" value="login">
	用户名:<input type="text" name="name"><br>
	密- -码:<input type="password" name="pwd"><br>
	验证码:<input type="text" name="verifyCode"><br>
	<img alt="" src="VerifyCodeServlet" id="imgverifycode"><a href="javascript:_hyz()">换一张</a>
	<input type="submit" value="提交">
</form>
</body>
</html>